<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    img{
        width: 400px;
        height: 400px;
    }
</style>
<body>
    <h1>我的有声相册</h1>
    <audio src="C:\Users\Lenovo\Desktop\作业\tmp_6df63c22ee77a72e2ddc19bd1da8176b0c9ef772e71626ff.mp3" controls="controls"></audio>
    <a href="#shuaige">帅哥</a>
    <a href="#daxue">大学</a>
    <a href="#jiaxiang">家乡</a>
    <a href="#gaozhong">高中</a>
    <div id="shuaige">
    <h2>帅哥</h2>
    <p>这个帅哥是余庆伟</p>
    <div id="shuaige">
    <img src="./微信图片_20240318194846.jpg" alt="">
    <img src="./微信图片_20240318194907.jpg" alt="">
    <img src="./微信图片_20240318194922.jpg" alt="">
    <img src="./微信图片_20240318194929.jpg" alt="">
    <video src="./WeChat_20240326110750.mp4" controls="controls"></video>
    </div>
    <div id="gaozhong">
        <h3>高中</h3>
        <P></P>
        <img src="./888888.jpg" alt="">
        <img src="./999999.jpg" alt="">
        <img src="./000000.jpg" alt="">
        <video src="./88797.mp4" controls="controls"></video>
    </div>
    <div id="jiaxiang">
        <h4>家乡</h4>
        <p>这些照片是我家乡的晚霞</p>
        <img src="./风景.jpg" alt="">
        <img src="./风景2.jpg" alt="">
        <img src="./风景3.jpg" alt="">
        <img src="./风景5.jpg" alt="">
    </div>
    <div id="daxue">
        <h4>大学</h4>
        <p></p>
       <img src="./213.jpg" alt="">
       <img src="./234.jpg" alt="">
       <img src="./456.jpg" alt="">
       <img src="./da2.jpg" alt="">
       <video src="./大1.mp4" controls="controls"></video>
    </div>
</body>
</html>